@import "~@/styles/fonts/SourceHanSansCN-Medium/SourceHanSansCN-Medium.css";
@import "~@/styles/fonts/SourceHanSansCN-Regular/SourceHanSansCN-Regular.css";
@import "./variables.scss";
@import "./btn.scss";
@import '~@/styles/iconfont.css';


.base-style {
  font-size: $font-base;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "SourceHanSansCN-Regular", "Helvetica Neue", Helvetica,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, "sans-serif";
}


/*  #ifdef  MP-TOUTIAO  */
body {
  background-color: $page-bg-color !important;
  @extend .base-style;
  height: 100%;
  box-sizing: border-box;
}

/*  #endif  */


page {
  background-color: $page-bg-color;
  // background-color: #fff !important;
  @extend .base-style;
  height: 100%;
  box-sizing: border-box;
}

label,
view,
text {
  @extend .base-style;
  box-sizing: border-box;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.code-btn-warpper {
  display: inline-block;
  position: relative;
  height: 28rpx;
  line-height: 28rpx;
  align-self: center;

  .border {
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 24rpx;
    background-color: #626262;
    z-index: 1;
  }

  .code-btn {
    display: inline-block;
    font-size: 24rpx;
    color: $main-color;
    user-select: none;
    align-self: center;
    margin-right: 5px;
    background-color: #fff;
    line-height: unset;
  }
}


.code-btn[disabled] {
  color: $main-color !important;
  background-color: #fff !important;
  border-color: #fff !important;
}


.placeholder-class {
  font-size: $font-base;
  color: #BAB8B8;
}

.content-item {
  margin-top: 20rpx;

  .label {
    font-size: $font-base;
    padding-right: 5rpx;
    color: $font-color-base;
  }

  .content {
    font-size: $font-base;
    color: $font-color-red;
  }

  .green {
    color: $font-color-green
  }
}

.no-data {
  margin-top: 20rpx;
  text-align: center;
  font-size: $font-lg;
}